<!DOCTYPE html><html><head>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
	<title><?php echo $output['site_name'];?></title>
	<link href="<?php echo TEMPLATE_SITE_URL;?>/css/common.css" rel="stylesheet" type="text/css">
    <style type="text/css">
        * {
            outline: none;
            -webkit-tap-highlight-color: rgba(255, 0, 0, 0);
            vertical-align: baseline;
            font-style: normal;
        }

        body {
            margin: 0;
            padding: 0;
            font-size: 12px;
            font-family: Microsoft Yahei, Arial, Simsun, Helvetica, Segoe UI, sans-serif;
            color: #404040;
            background-color: #EFEFF4;
        }

        img {
            border: 0
        }

        ul, ol, li, dt, dl, dd {
            text-decoration: none;
            list-style: none;
            vertical-align: middle;
            margin: 0;
            padding: 0;
        }

        a,
        a:visited {
            color: #373737;
            text-decoration: none;
        }

        input {
            padding: 0px;
            margin: 0px;
            background-color: #E5E5E5;
            vertical-align: baseline;
            border: none;
        }

        .orderSearchMain {
            background: #EFEFF4;
        }

        .orderSearchMain .searchItem {
            background: #ffffff;
            margin-bottom: 10px;
        }

        .orderSearchMain .searchItem h2 {
            height: 45px;
            line-height: 45px;
            font-size: 14px;
            font-weight: bold;
            border-bottom: 1px solid #eaeae8;
            text-indent: 3%;
            margin: 0px;
            padding: 0px;
        }

        .orderSearchMain .searchItem .keyword {
            height: 35px;
            text-indent: 35px;
            margin: 15px 3%;
            width: 94%;
            border-radius: 2px;
            font-size: 14px;
            background-color: #E5E5E5;
            background-image: url(/res/img/search.png);
            background-repeat: no-repeat;
            background-position: 10px center;
            background-size: 16px;
        }

        .orderSearchMain .searchItem .searchTime {
            padding: 15px 0px 15px 3%;
            height: 30px;
            line-height: 30px;
        }

        .orderSearchMain .searchItem .searchTime em {
            float: left;
            padding: 0 5px;
        }

        .orderSearchMain .searchItem .numInput {
            background-color: #E5E5E5;
            float: left;
            width: 60px;
            border-radius: 2px;
            height: 30px;
            font-size: 16px;
            text-align: center;
        }

        .orderSearchMain .searchItem .timeShortcut {
            height: 40px;
            margin: 0px 3%;
        }

        .orderSearchMain .searchItem .timeShortcut .shortcutBtn{
            float: left;
            padding: 6px 10px;
            margin-right: 20px;
            border:1px solid #eaeae8;
            border-radius: 2px;
        }

        .orderSearchMain .searchItem .timeShortcut .shortcutBtn.selected{
            color: #476DD5;
            border:1px solid #476DD5;
        }

        .orderSearchMain .searchItem .searchOptionBox {
            width: 100%;
            display: table;
        }

        .orderSearchMain .searchItem .searchOption {
            height: 45px;
            line-height: 45px;
            width: 50%;
            float: left;
            box-sizing: border-box;
            text-align: center;
            border: 1px solid #eaeae8;
        }

       

        .orderSearchMain .searchItem .searchOption.selected {
		    color: #476DD5;
            border:1px solid #476DD5;
        }

        button {
            width: 94%;
            margin: 0 3%;
            border: none;
            background: #08BA06;
            border-radius: 4px;
            height: 40px;
            line-height: 40px;
            font-size: 18px;
            color: #fff;
            margin-top: 20px;
            outline: none
        }

        button.searchBtn {
            background-color: #06BE04;
            margin-top: 10px;
            color: #fff;
        }

        .numInput span.selected {
            border-right: 2px solid #476DD5;
        }

    </style>
	<script type="text/javascript" src="<?php echo RESOURCE_SITE_URL;?>/js/zepto.js" charset="utf-8"></script>
    <script type="text/javascript">
        var curUrl = 'http://w.weipaitang.com/my/ordersearch/order';
		
        var fixednum_extend = {
            format: function (txt) {
                var TM = new Date();
                if (focusDiv.hasClass("year")) {
                    if(txt.length > 4) {
                        return txt.substring(4,0);
                    }

                    if (txt > TM.getFullYear()) {
                        return TM.getFullYear();
                    }

                    if(txt == '') {
                        return '2015';
                    }
                    return txt;
                }
                if (focusDiv.hasClass("month")) {
                    if(txt.length > 2) {
                        return txt.substring(2,0);
                    }

                    if (txt > 12) {
                        return TM.getMonth() + 1;
                    }
                    return txt;
                }
                if (focusDiv.hasClass("day")) {
                    if(txt.length > 2) {
                        return txt.substring(2,0);
                    }

                    if (txt > 31) {
                        return TM.getDate();
                    }
                    return txt;
                }
            },
            finish: function () {
                $(".numInput span").removeClass("selected");
                return true;
            }
        };

        $(function () {
            $(".numInput").on("click", function (e) {
                e.preventDefault();
                e.stopPropagation();
                focusDiv = $(this);
                $(document.body).trigger("fixednum_view:focus", $(this));
                $(".numInput span").removeClass("selected");
                $(this).find("span").addClass("selected");
                $(document.body).trigger("fixednum_view:show", $(this).find("span").attr("placeholder"));
            });

            $('.searchOptionBox .searchOption').on('click', function () {
				var v = $(this).attr('value');
				$("input[name=state]").val(v);
				$('.searchOption').removeClass('selected');
				$(this).addClass('selected');
				
            });

            $(".searchForm").on("submit", function(){
                $("input[name='year']").val($(".numInput.year span").text());
                $("input[name='month']").val($(".numInput.month span").text());
                $("input[name='day']").val($(".numInput.day span").text());
            });

            $(".shortcutBtn").on("click", function(){
                $(".shortcutBtn").removeClass("selected");
                $(".numInput.year span").text($(this).data("year"));
                $(".numInput.month span").text(parseInt($(this).data("month")));
                $(".numInput.day span").text(parseInt($(this).data("day")));
                $(this).addClass("selected");
            });

            $('.searchBtn').click(function(){
                $("input[name='year']").val($(".numInput.year span").text());
                $("input[name='month']").val($(".numInput.month span").text());
                $("input[name='day']").val($(".numInput.day span").text());
				
                var year = $("input[name='year']").val();
                var month = $("input[name='month']").val();
                var day = $("input[name='day']").val();
				var keyword = $("input[name='keyword']").val();
				var type = <?php echo $_GET['type']?>;
				var state = $("input[name='state']").val();
				
				if(type=='1'){
					var op = 'userorder';
				}else{
					var op = 'sellerorder';
				}

				
				if(state=='3'){
					location.href = 'index.php?act=my&op='+op+'&year='+year+'&month='+month+'&day='+day+'&keyword='+keyword+'&is_tuihuo=1';				
				}else if(state=='4'){
					location.href = 'index.php?act=my&op=sellerorderliupai&year='+year+'&month='+month+'&day='+day+'&keyword='+keyword;				
				}else{
					location.href = 'index.php?act=my&op='+op+'&year='+year+'&month='+month+'&day='+day+'&keyword='+keyword+'&state='+state;				
				}
				
				return false;
            });
        });
    </script>
</head>
<body>
<div id="contentbox" style="min-height: 576px;">
    <div class="orderSearchMain">
            <div class="searchItem">
                <h2>根据拍品名称搜索</h2>
                <div class="item">
                    <input type="text" class="keyword" name="keyword" autocomplete="off" placeholder="输入拍品关键字">
                </div>
            </div>

            <div class="searchItem">
                <h2>根据截拍时间搜索</h2>
                <div class="item">
                    <div class="searchTime">
                        <div class="numInput year">
                            <span placeholder="输入年份"><?php echo date("Y");?></span>
                            <input type="hidden" name="year" value="<?php echo date("Y");?>">
                        </div>
                        <em>年</em>

                        <div class="numInput month">
                            <span placeholder="输入月份"><?php echo date("m");?></span>
                            <input type="hidden" name="month" value="<?php echo date("m");?>">
                        </div>
                        <em>月</em>

                        <div class="numInput day">
                            <span placeholder="输入日期"><?php echo date("d");?></span>
                            <input type="hidden" name="day" value="<?php echo date("d");?>">
                        </div>
                        <em>日</em>
                    </div>
                    <div class="timeShortcut">
                        <div class="shortcutBtn selected" data-year="<?php echo date("Y");?>" data-month="<?php echo date("m");?>" data-day="<?php echo date("d");?>">今天</div>
                        <div class="shortcutBtn" data-year="<?php echo date("Y",(time()-7*24*3600));?>" data-month="<?php echo date("m",(time()-7*24*3600));?>" data-day="<?php echo date("d",(time()-7*24*3600));?>">近7天</div>
                        <div class="shortcutBtn" data-year="<?php echo date("Y",(time()-30*24*3600));?>" data-month="<?php echo date("m",(time()-30*24*3600));?>" data-day="<?php echo date("d",(time()-30*24*3600));?>">近30天</div>
                        <div class="shortcutBtn" data-year="0000" data-month="00" data-day="00">全部</div>
                    </div>
                </div>
            </div>

            <div class="searchItem">
                <h2>根据订单状态搜索</h2>
                        <div class="searchOptionBox">
                            <div class="searchOption selected" value=''>全部</div>
                            <div class="searchOption" value='0'>待付款</div>
                            <div class="searchOption" value='1'>未发货</div>
                            <div class="searchOption" value='2'>待收货</div>
                            <?php if($_GET['type']==1){?>
                            <div class="searchOption" value='3'>售后</div>
                            <?php }elseif($_GET['type']==2){?>
                            <div class="searchOption" value='4'>流拍</div>
                            <?php }?>
                        </div>
                        <input type="hidden" name="state" value="">
            </div>

            <button class="searchBtn">搜 索</button>
    </div>
    <style type="text/css">
    .fixednumMask {
        position: fixed;
        width: 100%;
        opacity: 0;
        top: 0px;
        bottom: 0px;
        background-color: #000;
        display: none;
        z-index: 999;
    }

    .fixednumMain {
        position: fixed;
        bottom: -410px;
        left: 0px;
        z-index: 1199;
        background: #F0F0F0;
        width: 100%;
        display: none;
    }

    .fixednumMain .tipBanner {
        height: 42px;
        width: 100%;
        background: #F0F0F0;
        border-top: 1px solid #cacaca;
        font-size: 16px;
    }

    .fixednumMain .tipBanner span.title,
    .fixednumMain .priceBanner span.title {
        line-height: 42px;
        float: left;
        text-indent: 10px;
        min-width: 65px
    }

    .fixednumMain .tipBanner .last,
    .fixednumMain .priceBanner .editTxt {
        float: left;
        width: 60%;
        height: 30px;
        line-height: 30px;
        margin: 6px 0;
        color: #7596D9;
        text-indent: 4px;
        overflow: hidden;
        font-size: 20px;
        font-family: "Helvetica neue", Verdana, Geneva, sans-serif;
    }

    .fixednumMain .tipBanner .close {
        float: right;
        width: 42px;
        height: 42px;
        background-image: url(/res/img/close.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 28px;
    }

    .fixednumMain .tipBanner .finish{
        float:right;
        width:42px;
        height:42px;
        background-size:30px;
        line-height:40px;
        font-size:16px;
        color:#007aff;
    }

    .fixednumMain .priceBanner {
        background: #fff;
        height: 42px;
        line-height: 42px;
        font-size: 16px;
        width: 100%;
        position: relative;
    }

    .fixednumMain .priceBanner .editTxt .hover {
        border-right: 2px solid red;
    }

    .fixednumMain .priceBanner .tips {
        color: #999;
        font-size: 14px;
        margin-right: 10px;
        overflow: hidden;
        height: 42px;
        position: absolute;
        right: 0;
        top: 0
    }

    .fixednumMain .priceBanner .tips .clearPrice {
        width: 20px;
        height: 42px;
        background-image: url(/res/img/clearPrice.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 16px;
    }
    
    .fixednumMain .btnBanner {
        margin: 0 auto;
        width: 96%;
        padding: 10px 0px;
        display: table;
    }

    .fixednumMain .btnBanner .confirmBtn,
    .fixednumMain .btnBanner .fixedPrice  {
        background: #06BE04;
        padding: 2.5% 0;
        border-radius: 4px;
        width: 66%;
        text-align: center;
        font-size: 18px;
        color: #fff;
        border: none;
        float: left;
        height: 24px;
        line-height: 24px;
    }

    .fixednumMain .btnBanner .fixedPrice {
        background: #01B7F0;
        width: 32%;
        float: left;
        margin-right: 2%;
        font-size: 14px;
        height: 24px;
        line-height: 24px;
    }

    .fixednumMain .btnBanner .confirmBtn:only-child{
        padding: 10px 0;
        width: 100%;
    }

    .fixednumMain .agreeBanner {
        margin: 0 auto;
        width: 96%;
        padding-bottom: 8px;
        font-size: 12px;
        text-align: right;
        color: #878787;
        display: table;
    }

    .fixednumMain .numkey {
        width: 100%;
        background: #fff;
        display: table;
    }

    .fixednumMain .numkey ul {
        padding: 0;
        margin: 0;
    }

    .fixednumMain .numkey ul,
    .fixednumMain .numkey li {
        text-decoration: none;
        list-style: none;
        vertical-align: middle;
    }

    .fixednumMain .numkey ul li {
        width: 33.1%;
        border-bottom: 1px solid #b3b3b3;
        border-right: 1px solid #b3b3b3;
        height: 50px;
        float: left;
        font-size: 28px;
        font-family: "Helvetica neue", Verdana, Geneva, sans-serif;
        text-align: center;
        background: #fff;
    }

    .fixednumMain .numkey ul li:nth-child(3n) {
        border-right: none;
    }

    .fixednumMain .numkey ul li.delete {
        background-image: url(/res/img/backspace.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 30px;
        background-color: #D1D5DA;
    }

    .fixednumMain .numkey ul li.othernum {
        background-color: #D1D5DA;
        line-height: 50px;
    }

    .fixednumMain .numkey ul li div {
        color: #000;
    }

    .fixednumMain .numkey ul li span {
        position: relative;
        font-size: 12px;
        top: -18px;
        color: #000;
    }
</style>

<script type="text/javascript">
    var focusEditTxt;

    //格式化数字
    function number_format(n) {
        var ns = n.toString();
        var mm = ns.match(/\d{1,3}(?=(\d{3})+$)/g);
        if (mm == null) return ns;
        mm.push(ns.replace(mm.join(""), ""));
        return mm.join(",");
    }

    function showFixednum_view(txt, fixedPrice, increase, bidMoney, bidbzj) {
        maskIsHide = false;
                    if (txt.length > 16) {
                $(".tipBanner .title").css("font-size", "12px");
            } else {
                $(".tipBanner .title").css("font-size", "16px");
            }
            $(".tipBanner .title").html(txt);
                $(".fixednumMask").show().animate({
            opacity: 0.382
        }, 100);

        $(".fixednumMain").show().animate({
            bottom: '0px'
        }, 100, 'ease-in-out');
    }

    function hideFixednum_view() {
        maskIsHide = true;
        $(".fixednumMain .tips").html('');
        $(".fixednumMain").animate({
            bottom: '-400px'
        }, 150, function () {
            $(".fixednumMain, .fixednumMask").hide();
        });
    }


    $(function () {
        $(document).on('fixednum_view:focus', function (e, editObj) {
            focusEditTxt = $(editObj);
        });

        $(document).on('fixednum_view:hide', function (e) {
            hideFixednum_view();
        });

        $(document).on('fixednum_view:show', function (e, txt, fixedPrice, increase, bidMoney, bidbzj) {
            showFixednum_view(txt, fixedPrice, increase, bidMoney, bidbzj);
        });

        
        $(".fixednumMain").on("click", function (e) {
            e.preventDefault();
        });

        $(".fixednumMain .agreeBanner span").on("touchend", function () {
            if($(this).attr("url")) {
                window.location.href = $(this).attr("url");
            }
        });

        $(".fixednumMain .close, .tipBanner .finish, .fixednumMask").on("click", function (e) {
            e.preventDefault();
            if($(this).hasClass("finish")) {
                if (typeof fixednum_extend != 'undefined') {
                    if (typeof fixednum_extend.finish == 'function') {
                        if(!fixednum_extend.finish()) {
                            return;
                        }
                    }
                }
            } else {
                if (typeof fixednum_extend != 'undefined') {
                    if (typeof fixednum_extend.cancel == 'function') {
                        if(!fixednum_extend.cancel()) {
                            return;
                        }
                    }
                }
            }
            hideFixednum_view();
        });

        $(".fixednumMain .numkey ul li").on("touchstart", function () {
            if ($(this).html() == '00' || $(this).html() == '' || $(this).html() == '.') {
                $(this).css({"background-color": "#FFF"});
            } else {
                $(this).css({"background-color": "#D1D5DA"});
            }
        });

        $(".fixednumMain .numkey ul li.num").on("touchend", function () {
            var clickNum = $(this).find("div").html();
            if (clickNum == null) {
                clickNum = $(this).html();
            }

            var content = focusEditTxt.find('span').html() + clickNum;
            if(typeof fixednum_extend != 'undefined'){
                if(typeof fixednum_extend.tip == 'function'){
                    $(".fixednumMain .tips").html(fixednum_extend.tip(content));
                }

                if(typeof fixednum_extend.format == 'function'){
                    content = fixednum_extend.format(content);
                }
            }
            focusEditTxt.find('span').html(content);

            if (clickNum.length == 1 && clickNum != ".") {
                $(this).css({"background-color": "#FFF"});
            } else {
                $(this).css({"background-color": "#D1D5DA"});
            }
        });

        $(".fixednumMain .numkey ul li.delete").on("touchend", function () {
            var content = focusEditTxt.find('span').html();
            var content = content.substr(0, content.length - 1);

            if(typeof fixednum_extend != 'undefined'){
                //tip函数直接返回需要显示的描述，无描述需返回''
                if(typeof fixednum_extend.tip == 'function'){
                    $(".fixednumMain .tips").html(fixednum_extend.tip(content));
                }

                if(typeof fixednum_extend.format == 'function'){
                    content = fixednum_extend.format(content);
                }
            }
            focusEditTxt.find('span').html(content);

            $(this).css({"background-color": "#D1D5DA"});
        });
            });
</script>


<div class="fixednumMain">
            <div class="tipBanner">
            <span class="title">出价</span>
            <div class="finish">完成</div>
        </div>
        <div class="numkey">
        <ul>
            <li class="num">
                <div>1</div>
                <span></span>
            </li>
            <li class="num">
                <div>2</div>
                <span>ABC</span>
            </li>
            <li class="num">
                <div>3</div>
                <span>DEF</span>
            </li>
            <li class="num">
                <div>4</div>
                <span>GHI</span>
            </li>
            <li class="num">
                <div>5</div>
                <span>JKL</span>
            </li>
            <li class="num">
                <div>6</div>
                <span>MNO</span>
            </li>
            <li class="num">
                <div>7</div>
                <span>PQRS</span>
            </li>
            <li class="num">
                <div>8</div>
                <span>TUV</span>
            </li>
            <li class="num">
                <div>9</div>
                <span>WXYZ</span>
            </li>
            <li class="num othernum">00</li>
            <li class="num" style="line-height: 50px;">0</li>
            <li class="delete"></li>
        </ul>
    </div>
</div>
</div>

<style type="text/css">
    .supportBanner {
        width: 100%;
        text-align: center;
        height: 49px;
        line-height: 49px;
        font-size: 12px;
        border-top: 1px solid #eaeae8;
        background-color: #F8F8F8;
        margin-top: 10px;
        color: #888;
        visibility: hidden;
    }
    
    .supportBanner a {
        color: #F2B896
    }
</style>
<script type="text/javascript">
    function fixSupport() {
        if ($.os.android) {
            bodyWidth = document.body.clientWidth;
            bodyHeight = document.documentElement.clientHeight;
        } else {
            bodyWidth = $(window).width();
            bodyHeight = $(window).height();
        }
        var dHeight = document.documentElement.offsetHeight;
        if (dHeight < bodyHeight) {
            $('#contentbox').css('minHeight', bodyHeight - 60 - 0);
        }
        $(".supportBanner").css("visibility", "visible");
    }
    $(function () {
        fixSupport();

        $(document).off("wptSupport_view:fix").on("wptSupport_view:fix", function () {
            fixSupport();
        });
    });
</script>

<script type="text/javascript">
    var isMenuAnimate = false;
    var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;

    var index = 0,
        localIds = [],
        serverIds = [];

    //上传图片
    function upload() {
        if (localIds && localIds[index]) {
            wx.uploadImage({
                localId: localIds[index],
                isShowProgressTips: 0,
                success: function (res) {
                    index++;
                    serverIds.push(res.serverId);
                    $(document.body).trigger('wptLoading_view:msg','正在上传...<div class="process">'+ index + " / " + localIds.length +'</div>');
                    if (index < localIds.length) {
                        setTimeout(upload, 300);
                    } else {
                        localStorage.setItem('wpt_serverIds', JSON.stringify(serverIds));
                        localStorage.setItem('wpt_localIds', JSON.stringify(localIds));
                        setTimeout(function () {
                            $(document.body).trigger('wptLoading_view:hide');
                            location.href = '/auction/goods_publish';
                        }, 300);
                    }
                },
                fail: function (res) {
                    //wptAlert("目前微信上传图片系统故障<br/>腾讯方面正在积极排查解决，请稍后再试");
                    $(document.body).trigger('wptLoading_view:hide');
                }
            });
        }
    }

    $(function () {
                //上传图片
        $(".mainMenu .publish").on("touchend", function (e) {
            e.preventDefault();
            e.stopPropagation();
            //微信版本
            if(noticeWeChatVer()) return false;
            //联系电话
            if (!hasTelephone) {
                wptTelephone('填写手机号码，便于买家联系');
                return false;
            }
            wx.chooseImage({
                success: function (res) {
                    wptLoading("正在上传...");
                    localIds = res.localIds;
                    setTimeout(upload, 200);
                }
            });
        });

        $(window).on('scroll', function() {
            if (!isMenuAnimate) {
                var _scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
                if (_scrollTop >= 0) {
                    var _scroll = _scrollTop - scrollTop;
                    if (_scroll > 40 || _scroll < -20) {
                        isMenuAnimate = true;
                        $(".mainMenu").animate({height: _scroll > 0 ? "0px" : "50px"}, 60, function () {
                            isMenuAnimate = false;
                        });
                        $(document.body).trigger('wptNotice_view:bottom', [_scroll > 0 ? "0px" : "51px"]);
                        scrollTop = _scrollTop;
                    }
                }
            }
        });
    });
</script>
<?php include template('home/nav');?>
</body>
</html>